<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<link rel="stylesheet" type="text/css" href="js/mdialog.css">
<script src="js/zepto.js"></script>
<script src="js/touch.js"></script>
<script src="js/zpDialog.js"></script>
<script src="js/zpDialogTwo.js"></script>
<script src="js/zpDialogThree.js"></script>
<script src="js/zpDialogFour.js"></script>
<script src="js/zpDialogFive.js"></script>
<script src="js/zpDialogSix.js"></script>
<script src="js/zpDialogSeven.js"></script>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/mdialog.js"></script>
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="js/css/sweetalert.css"/>
<link rel="stylesheet" href="js/css/main.css" />
<html>
  <head lang="zh-CN">
    <base href="<%=basePath%>">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>e安全</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<style type="text/css">
		.round {
		   padding:10px; width:300px; height:50px;
		   border: 0px solid #dedede;
		   -moz-border-radius: 5px;      /* Gecko browsers */
		   -webkit-border-radius: 5px;   /* Webkit browsers */
		   border-radius:5px;            /* W3C syntax */
		}
		#imghead2{
    		width:50px; 
	        height:50px; 
	        border-radius:200px; 
    	}
	
  	</style>
	   <style> 
.loadingWrap{  
    position:fixed;  
    top:0;  
    left:0;  
    width:100%;  
    height:100%;  
    z-index:300;  
    background-image:url(csh/image/loading.gif);  
    background-repeat:no-repeat;  
    background-position:center center;  
    background-color:#000;  
    background-color:rgba(0,0,0,0.5);  
    filter:alpha(opacity=50);  
}  
</style>
<style>
.demo{width:300px; margin:60px auto 10px auto}
@media only screen and (min-width: 420px) {
	.demo{width:500px; margin:60px auto 10px auto}
}
button, .button {
	background-color: #AEDEF4;color: white;border: none;box-shadow: none;
	font-size: 17px;font-weight: 500;font-weight: 600;
	border-radius: 3px;padding: 15px 35px;margin: 26px 5px 0 5px;cursor: pointer; }
button:hover, .button:hover {background-color: #a1d9f2; }
</style>
<script type="text/javascript" src="jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="layer/2.4/layer.js"></script>
<script type="text/javascript">


	function nuber(){
		swal("Good!", "已经提交成功", "success");
	};

</script>

<script type="text/javascript">
   function one(){
        $('#code').center();
        $('#goodcover').show();
        $('#code').fadeIn();
    };
    function tow() {
        $('#code').hide();
        $('#goodcover').hide();
    };
$(function() {
    
	$('#goodcover').click(function() {
        $('#code').hide();
        $('#goodcover').hide();
    });
    /*var val=$(window).height();
	var codeheight=$("#code").height();
    var topheight=(val-codeheight)/2;
	$('#code').css('top',topheight);*/
     jQuery.fn.center = function(loaded) {
        var obj = this;
        body_width = parseInt($(window).width());
        body_height = parseInt($(window).height());
        block_width = parseInt(obj.width());
        block_height = parseInt(obj.height());

        left_position =10; //parseInt((body_width / 2) - (block_width / 2) + $(window).scrollLeft());
        if (body_width < block_width) {
            left_position =10; //0 + $(window).scrollLeft();
        };

        top_position =parseInt((body_height / 2) - (block_height / 2) + $(window).scrollTop());
        if (body_height < block_height) {
            top_position = + $(window).scrollTop();
        };

        if (!loaded) {

            obj.css({
                'position': 'absolute'
            });
            obj.css({
                'top': 180,//($(window).height() - $('#code').height()) * 0.5,
                'left': 28,//left_position
            });
            $(window).bind('resize', function() {
                obj.center(!loaded);
            });
            $(window).bind('scroll', function() {
                obj.center(!loaded);
            });

        } else {
            obj.stop();
            obj.css({
                'position': 'absolute'
            });
            obj.animate({
                'top': top_position
            }, 400, 'linear');
        }
    }

})
</script>
</head>
  <body >
  	<div class="container-fluid">
      <div class="row">
     	<table border="0px solid red" width="100%" height="100%">
     		<tr height="8%" style=" background-color:#373a3b;"> 
     		<td style="width: 35px">&nbsp;<img alt="" src="img/return.jpg" style="width: 25px;height: 20px"></td>
     		<td style="width: 260px;color: white;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用户资料完善</td>
     		</tr>
     		<tr height="22%">
     			<td colspan="2" align="center">
     				 	<img alt="" src="img/t1090esttow.jpg" style="width:110px;height: 110px;border-radius: 180px;">		
     			</td>
     		</tr>
     		<tr height="1.5%">
     			<td colspan="2" align="center" style="background-color: #f2f3f4">
     			</td>
     		</tr>
     		<tr height="8.5%" >
     			<td style="width: 15%">
 					&nbsp;&nbsp;&nbsp;姓名
 				</td>
 				<td >
 					<input type="text"  style="height: 35px;width:100%;font-size: 20px;color:#bfc7cc;border-left-width:0px;border-top-width:0px;border-right-width:0px;border:0;padding:0;text-align: right;" >
 					
 				</td>
     		</tr>
     		<tr	height="0.5%">
     			<td  colspan="2" align="center" style="background-color: #f2f3f4;width: 100%" >
     			</td>
     		</tr>
     		<tr height="8.5%" >
     			<td style="width: 25%">
 					&nbsp;&nbsp;&nbsp;手机号码
 				</td>
 				<td >
 					<input type="text"  style="height: 35px;width:100%;font-size: 20px;color:#bfc7cc;border-left-width:0px;border-top-width:0px;border-right-width:0px;border:0;padding:0;text-align: right;" >
 					
 				</td>
     		</tr>
     		<tr	height="0.5%">
     			<td  colspan="2" align="center" style="background-color: #f2f3f4;width: 100%" >
     			</td>
     		</tr>
     		<tr height="8.5%" >
     			<td style="width: 15%">
 					&nbsp;&nbsp;&nbsp;身份
 				</td>
 				<td >
 					<input type="text"  style="height: 35px;width:100%;font-size: 20px;color:#bfc7cc;border-left-width:0px;border-top-width:0px;border-right-width:0px;border:0;padding:0;text-align: right;" >
 					
 				</td>
     		</tr>
     		<tr	height="0.5%">
     			<td  colspan="2" align="center" style="background-color: #f2f3f4;width: 100%" >
     			</td>
     		</tr>
     		<tr height="8.5%" >
     			<td style="width: 15%">
 					&nbsp;&nbsp;&nbsp;小区
 				</td>
 				<td >
 					<input type="text"  style="height: 35px;width:100%;font-size: 20px;color:#bfc7cc;border-left-width:0px;border-top-width:0px;border-right-width:0px;border:0;padding:0;text-align: right;" >
 					
 				</td>
     		</tr>
     		<tr	height="0.5%">
     			<td  colspan="2" align="center" style="background-color: #f2f3f4;width: 100%" >
     			</td>
     		</tr>
     		<tr height="8.5%" >
     			<td style="width: 15%">
 					&nbsp;&nbsp;&nbsp;楼栋
 				</td>
 				<td >
 					<input type="text"  style="height: 35px;width:100%;font-size: 20px;color:#bfc7cc;border-left-width:0px;border-top-width:0px;border-right-width:0px;border:0;padding:0;text-align: right;" >
 					
 				</td>
     		</tr>
     		<tr	height="0.5%">
     			<td  colspan="2" align="center" style="background-color: #f2f3f4;width: 100%" >
     			</td>
     		</tr>
     		<tr height="28.5%"  style="background-color: #f2f3f4">
					<td colspan="2" align="center">
						<button  type="button" style="padding: 10px 20px;border-radius: 10px; background:none; border: 0; color: #333; width:200px;height: 50px;font-size: 20px;background-color:#27a2f0;color: #ffffff" onclick="one()">确定</button>
					</td>
     		</tr>
     	</table>
			<div id="code" style="height: 100px;width: 250px" >
  				<div class="code-img" align="center" > <img  src="img/603318281.jpg" style="height: 180px;width: 180px;" onclick="tow()"></div> 
			</div>
      </div>
    </div>
  </body>
</html>
